.uni-list {
  background: $ui-color-white;
  box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(24, 25, 68, 0.05);
  border-radius: $ui-radius-xl;
  overflow: hidden;

  &.uni-border-top-bottom {
    .uni-list--border-top,
    .uni-list--border-bottom {
      height: 0;
    }
  }

  .uni-list-item {
    padding-left: $ui-gap-large;
    padding-right: $ui-gap-large;

    .uni-list-item__container {
      padding-left: unset;
      padding-right: unset;

      .uni-list-item__icon {
        margin-left: $ui-gap-xxs;
        margin-right: $ui-gap-large;

        .uni-list-item__icon-img {
          height: 44rpx;
          width: 44rpx;
          margin-right: 0rpx;
        }
      }

      .uni-list-item__content {
        display: inline;
        flex-shrink: 0;
        flex-grow: 1;
        flex-basis: auto;

        .uni-list-item__content-title {
          font-size: $ui-font-size-title;
          color: $ui-color-base;
          font-family: SFPro-Regular;
        }
      }

      .uni-list-item__extra-text {
        color: $ui-color-secondary;
        font-size: $ui-font-size-title;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
    }

    .uni-icon-wrapper {
      padding-right: 0;
    }
  }
}
